<!doctype html>
<html>

<head>
	<meta charset="utf-8">
	<title>古今在线</title>
	<% include  ./template/commonCss.ejs %>
	<link href="<%=resUrl%>/css/hot.css" rel="stylesheet" type="text/css" />
	<% include ./template/commonJs.ejs %>
	<script type="text/javascript" src="<%=resUrl%>/lib/swiper.js"></script>
	<% include ./template/chatLister.ejs %>
</head>

<body ontouchstart>
	<% 
		var topTitle = '热推专区';
		var topReturnType = '';
	%>
	<% include ./template/topReturn.ejs %>
	<div class="content">
		<!--下拉刷新-->
		<div class="weui-pull-to-refresh__layer" style="padding: 0px;">
			<div class="weui-pull-to-refresh__arrow"></div>
			<div class="weui-pull-to-refresh__preloader"></div>
			<div class="down">下拉刷新</div>
			<div class="up">释放刷新</div>
			<div class="refresh">正在刷新</div>
		</div>
		<div class="swiper-container">
			<div class="swiper-wrapper" id="productImgs">
			</div>
			<script id="productImgs-list" type="text/html">
				<!-- 1是店铺 2是商品-->
				{{each list}}
					<div class="swiper-slide" {{if $value.keyType == 2}}onclick="javascript:visitUrl('/collectDetail?id={{$value.productDetail.id}}')"{{/if}}{{if $value.keyType == 1}}onclick="javascript:visitUrl('/shop/detail?id={{$value.shopDetail.id}}')"{{/if}}><img src="/img/disc.png" style="background:url({{$value.image}}?x-oss-process=image/resize,w_600) center center no-repeat;background-size:100% auto;width:100%;"/></div>
				{{/each}}
			</script>
			<div class="swiper-pagination"></div>
		</div>
		<div class="products">
			<div class="title">热推藏品<div class="more" onclick="javascript:visitUrl('/recommend_product')">更多></div></div>
			<div class="container">
				<div id="recomment-content"></div>
				<script id="recomment-list" type="text/html">
					{{each list}}
						<div class="item" {{if $value.type==1}} onclick="javascript:visitUrl('/auctionCollectDetail?id={{$value.id}}',true)" {{else}} onclick="javascript:visitUrl('/collectDetail?id={{$value.id}}',true)" {{/if}}>
							<div class="img" style="background:url({{$value.coverImage}}?x-oss-process=image/resize,w_600) center center no-repeat;background-size:100% auto;width:100%;"></div>
							<div class="desc">{{$value.name}}</div>
							<div class="price">￥{{$value.nowPrice}}</div>
						</div>
					{{/each}}
				</script>
				<div class="auto-height"></div>
			</div>
		</div>
		<div class="shops">
			<div class="title">热推店铺<div class="more" onclick="javascript:visitUrl('/shop/recommend_shop')">更多></div></div>
			<div class="container">
				<div id="shop-content"></div>
				<script id="shop-list" type="text/html">
					{{each list}}
						<div class="shoplist-item">
							<a class="shoplist-item-top" href="javascript:visitUrl('/shop/detail?id={{$value.id}}',true)" >   
								<div class="shoplist-item-logo" style="background: url({{$value.image}}?x-oss-process=image/resize,w_100) no-repeat 0 center;background-size: 100% auto;"></div>
								<span>{{$value.name}}</span>
								{{if $value.personalAuthentication>0}}<div class="cdetail-top-auth cdetail-top-orange"><i class="iconfont icon-credentials_icon"></i>身份认证</div>{{/if}}
								{{if $value.mobileAuthentication>0}}<div class="cdetail-top-auth cdetail-top-green"><i class="iconfont icon-shouji"></i>手机认证</div>{{/if}}
								{{if $value.marginAuthentication>0}}<div class="cdetail-top-auth cdetail-top-brightred"><i class="iconfont icon-baozhengjin"></i>消保500</div>{{/if}}
							</a>
							<div class="shoplist-item-body">
								{{each $value.productList as product i}}
									<a class="info" {{if product.type==1}} href="javascript:visitUrl('/auctionCollectDetail?id={{product.id}}',true)" {{else}} href="javascript:visitUrl('/collectDetail?id={{product.id}}',true)" {{/if}}>
										<div class="pic" style="background: url({{product.coverImage}}?x-oss-process=image/resize,w_500) no-repeat 0 center;background-size: 100% auto;"></div>
										<div class="title">{{product.name}}</div>
										<div class="price">
											<span>¥{{product.nowPrice}}</span>
											{{if product.type==1}}
												<i class="iconfont icon-paimai"></i>
											{{/if}}
										</div>
									</a>
								{{/each}}
							</div>
						</div>
					{{/each}}
				</script>
				<div class="auto-height"></div>
			</div>
		</div>
		<div id="list-content">
		</div>
		<script id="list" type="text/html">
			{{each list}}<div class="photo"></div>
				<div class="post" onclick="javascrpt:visitUrl('/post?id={{$value.id}}',true)">
					<div class="avater" style="background:url({{if $value.publishUserDetail.photo}}{{$value.publishUserDetail.photo}}{{else}}{{/if}}) center center no-repeat;background-size:100% auto;"></div>
					<div class="container">
						<div class="name">{{$value.publishUserDetail.name}}</div>
						<div class="title">{{$value.title}}</div>
						<div class="photos">
							{{$value.image | splitImages}}
							{{each $imports.imgs as img i}}
								<div class="photo" style="background:url({{img}}?x-oss-process=image/resize,w_600) center center no-repeat;background-size:100% auto;"></div>
							{{/each}}
							<div class="auto-height"></div>
						</div>
						<div class="auto-height"></div>
					</div>
					<div class="auto-height"></div>
				</div>
			{{/each}}
		</script>
		<div class="weui-loadmore" id="loadmore">
			<i class="weui-loading"></i>
			<span class="weui-loadmore__tips">正在加载</span>
		</div>
		<div class="weui-loadmore weui-loadmore_line" style="display:none;" id="nomore">
			<span class="weui-loadmore__tips">到底了</span>
		</div>
	</div>
	<script type="text/javascript" src="<%=resUrl%>/js/hot.js"></script>
</body>

</html>